@charset "utf-8";

html, body {
    margin: 0;
    padding: 0;
}

html, body, #wrapper {
    height: 100%;
}

#wrapper, #footer {
    width: 100%;
    max-width: 1256px;
    min-width: 800px;
}

#wrapper {
    margin: 0 auto;
    height: auto;
    min-height: 100%;
}

#main {
    padding-bottom: 150px;
}

.left-sidebar {
    width: 220px;
    float: left;
}

.center-sidebar {
    overflow: hidden;
}

.right-sidebar {
    width: 180px;
    float: right;
}

#footer {
    margin: -150px auto 0;
    position: relative;
    height: 150px;
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*==========*/
.product-list {
    margin: 5px;
    padding: 10px;
    min-height: 320px;
    height: auto;
    border: 2px solid rgba(141, 134, 186, 0.75);
    background-color: rgba(186, 182, 179, 0.75);
}

.product-list .product-item {
    padding: 10px;
    width: 180px;
    height: 200px;
    display: inline-block;
}

.product-item .picture {
    max-width: 100%;
    max-height: 200px;
}